<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单控件</title>
	<style type="text/css">
		.email{
			border:0 none;
		    outline-style: none;
			border-bottom:1px dashed red;
		}

        .username{
        	border: 0 none;
        	outline-style: none;
        	border: 1px dashed green;
        	background:#ccc; 
        }
        .username:focus{
        	background: red;
        }
        .baidu{
        	border: 0 none;
        	outline-style: none;
        	border: 1px solid;
        	background: url("search.png") no-repeat right;
        }
	</style>
</head>
<body>
	邮件：<input type="text" class="email"><br><br>
	<label for="username">用户名：</label><input type="text" class="username" id="username"><br><br>
	搜索：<input type="text" class="baidu">
	
	
</body>
</html>